<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8" />
  <title>Yan - 前端基础Learning Notes</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="keywords" content="YanCchen,Yan,前端笔记,笔记">
  <meta name="description" content="免费的Web前端三件套教程">
  <meta name="description" content="Description" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
  <link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon" />
  <link rel="stylesheet" href="css/vue.css" />
  <!-- 在线客服 -->
  <script src="https://code.tidio.co/0xvjylch6iezexod2tnz2qkbhjqkgdtn.js" async></script>
  <!-- /在线客服 -->
  <style>
    /* 首页背景笼罩 */
    .mask {
      background-color: rgba(255, 255, 255, 0.88) !important;
    }

    /* /首页背景笼罩 */
    .app-name-link img {
      width: 120px;
      max-width: 50vw;
    }

    .img {
      margin: 16px 0;
      border-radius: 12px;
      border: 2px solid #616161;
      transition: all 0.3s ease-in-out;
    }

    .img:hover {
      transform: scale(1.05);
      box-shadow: 1px 1px 12px 6px rgba(100, 100, 100, 0.1);
    }

    hong {
      color: red;
    }

    hongcu {
      color: red;
      font-weight: 900;
    }

    .fenge {
      background-color: pink;
      height: 5px;
    }
  </style>
</head>

<body>
  <div id="app">Yan正在努力奔跑中.....</div>
  <script>
    window.$docsify = {
      logo: "./images/logo.png",
      // themeColor: "#3F51B5",
      formatUpdated: "{YYYY}/{MM}/{DD} {HH}:{mm}",
      name: "YanCchen",
      maxLevel: 4,
      loadSidebar: true,
      subMaxLevel: 2,
      loadNavbar: true,
      autoHeader: true,
      notFoundPage: true,
      coverpage: true,
      onlyCover: true,
      // routerMode: "history",
      pagination: {
        previousText: "👈",
        nextText: "👉",
        crossChapter: true,
        crossChapterText: true
      },
      copyCode: {
        buttonText: "复制",
        errorText: "复制失败",
        successText: "复制成功"
      },
      count: {
        countable: true,
        fontsize: "0.9em",
        color: "rgb(90,90,90)",
        language: "chinese"
      },
      // 完整配置参数
      search: {
        // 支持本地化
        placeholder: {
          '/': '🔍搜索笔记'
        },
        // 支持本地化
        noData: {
          '/': '笔记里好像没有哎😰'
        },
        // 使用不同的索引作为路径前缀（namespaces）
        // 注意：仅适用于 paths: 'auto' 模式
        //
        // 初始化索引时，我们从侧边栏查找第一个路径
        // 如果它与列表中的前缀匹配，我们将切换到相应的索引
        pathNamespaces: ['/zh-cn', '/ru-ru', '/ru-ru/v1'],
        hideOtherSidebarContent: true, // 是否隐藏其他侧边栏内容
      }
    };
  </script>
  <!-- 插件 -->
  <!-- Docsify v4 -->
  <script src="//unpkg.com/docsify@4"></script>
  <script src="//unpkg.com/docsify-pagination/dist/docsify-pagination.min.js"></script>
  <script src="//unpkg.com/docsify/lib/plugins/emoji.min.js"></script>
  <script src="//unpkg.com/docsify-copy-code/dist/docsify-copy-code.min.js"></script>
  <script src="//unpkg.com/docsify-count/dist/countable.js"></script>
  <!-- <script src="//unpkg.com/prismjs@1/components/prism-javascript.min.js"></script>
  <script src="//unpkg.com/prismjs@1/components/prism-typescript.min.js"></script>
  <script src="//unpkg.com/prismjs@1/components/prism-bash.min.js"></script>
  <script src="//unpkg.com/prismjs@1/components/prism-json.min.js"></script> -->
  <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/zoom-image.min.js"></script>
  <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/emoji.min.js"></script>
  <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-bash.min.js"></script>
  <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-php.min.js"></script>
  <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>
  <script src="//polyfill.io/v3/polyfill.min.js?features=String.prototype.normalize"></script>
  <!-- /插件 -->
  <!-- f12控制台内容 -->
  <script>
  console.clear();
  console.log(
  "\n██╗   ██╗ █████╗ ███╗   ██╗ ██████╗ ██████╗██╗  ██╗███████╗███╗   ██╗\n╚██╗ ██╔╝██╔══██╗████╗  ██║██╔════╝██╔════╝██║  ██║██╔════╝████╗  ██║\n ╚████╔╝ ███████║██╔██╗ ██║██║     ██║     ███████║█████╗  ██╔██╗ ██║\n  ╚██╔╝  ██╔══██║██║╚██╗██║██║     ██║     ██╔══██║██╔══╝  ██║╚██╗██║\n   ██║   ██║  ██║██║ ╚████║╚██████╗╚██████╗██║  ██║███████╗██║ ╚████║\n   ╚═╝   ╚═╝  ╚═╝╚═╝  ╚═══╝ ╚═════╝ ╚═════╝╚═╝  ╚═╝╚══════╝╚═╝  ╚═══╝\n\n\n%c 👉 Yan的网站 👈 %c https://yan.vin %c By Yan ",
  "color:rgb(255, 255, 255);background-color: rgb(54, 110, 187);padding:4px 6px;",
  "background-color: rgb(203, 203, 203);color:rgb(30, 103, 160);padding:4px 6px;",
  "color:rgb(141, 194, 237);background-color: rgb(0, 0, 0);padding:4px 7px 4px 2px;"
  );
  </script>
  <!-- /f12控制台内容 -->
</body>

</html>